<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<h1>写死JSON，解析JSON字符串把价格和ID展现页面上</h1>
		
		<div>编号：<span id="itemId"></span></div>
		<div>价格：<span id="itemPrice"></span></div>
		
	</body>
	<script>
		//改造，从京东网站访问
		var jsonstr = '[{"p":"4879.00","op":"5299.00","cbf":"0","id":"J_100008348542","m":"6000.00"}]';
		console.log(jsonstr);
		//这是一个字符串，怎么跳出p和id。
		//JSON浏览器直接支持技术，JSON对象，有个方法，可以把字符串转换js对象
		
		//如果是一个js对象，obj.p获取价格，obj.id获取编号
		var items = JSON.parse(jsonstr);  //javascript提供JSON，
		console.log(items[0]);
		console.log(items[0].p);
		console.log(items[0].id);
		
		$("#itemId").text( items[0].id );
		$("#itemId").css("color", "blue"); //jquery如何操作样式
		
		$("#itemPrice").text( items[0].p );
		$("#itemPrice").css("color", "red");
	</script>
</html>
